<template>
  <div>
<MyProduct v-for="(item,index) in list" :key="item.id" :title="item.proname"
:price="item.proprice" :info="item.info" :index="index" @tiedan="decFn"/>

  </div>
</template>

<script>
import MyProduct from './components/MyProduct.vue'
export default {
  methods:{
    decFn(index){
    // console.log('父组件的decFn被触发了')
    this.list[index].proprice = (this.list[index].proprice-1).toFixed(2)
  }
  },
  data(){
   return {
   list: [
    { id: 1, proname: "超级好吃的棒棒糖", proprice: 18.8, info: '开业大酬宾, 全场8折' },
    { id: 2, proname: "超级好吃的大鸡腿", proprice: 34.2, info: '好吃不腻, 快来买啊' },
    { id: 3, proname: "超级无敌的冰激凌", proprice: 14.2, info: '炎热的夏天, 来个冰激凌了' },
],
   }
  },
  components:{
    MyProduct
  }
}
</script>

<style>

</style>